<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>首页_张培禺个人博客</title>
<meta name="keywords" content="个人博客,张培禺个人博客,个人博客模板,张培禺" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/base.css" rel="stylesheet">
<link href="css/index.css" rel="stylesheet">
<link href="css/m.css" rel="stylesheet">
<!--[if lt IE 9]>
<script src="js/modernizr.js"></script>
<![endif]-->
<script src="js/page.js"></script>
</head>
<body>
<header>
  <div id="mnav">
    <div class="logo"><a href="/">张培禺个人博客</a></div>
    <h2 id="mnavh"><span class="navicon"></span></h2>
    <ul id="starlist">
      <li><a href="index.html">网站首页</a></li>
      <li><a href="about.html">关于我</a></li>
    </ul>
  </div>
  <script>
window.onload = function ()
{
	var oH2 = document.getElementById("mnavh"); 
	var oUl = document.getElementById("starlist");  
	oH2.onclick = function ()
	{
		var style = oUl.style;
		style.display = style.display == "block" ? "none" : "block";
		oH2.className = style.display == "block" ? "open" : ""
	}
}
</script> 
</header>
<div class="line46"></div>
<article>
  <div class="blank"></div>
  <div class="leftbox">
    <div class="tuijian">
      <h2 class="hometitle"><span><a href="/">网页欣赏</a><a href="/">学无止境</a><a href="/">能力展示</a><a href="/">热门标签</a></span>个人作品</h2>
      <ul>
        <li>
          <div class="tpic"><img src="images/website/jd.png"></div>
          <b>京东仿站，百分百还原</b><span>在学习前期阶段，其中一期的答辩项目</span><a href="http://itzpy.gitee.io/jdcom/" class="readmore">点击查看</a></li>
        <li>
          <div class="tpic"><img src="images/website/cjyx.jpg"></div>
          <b>超级英雄</b><span>学习bootstrap时，拿来练手的网站</span><a href="http://itzpy.gitee.io/multiple_unions/" class="readmore">点击查看</a></li>
        <li>
          <div class="tpic"><img src="images/website/zlqz.png"></div>
          <b>中岚签证</b><span>官方大型 网站，仿站，响应式</span><a href="http://itzpy.gitee.io/xiangyingshi-zhongfengqianzheng/" class="readmore">点击查看</a></li>
        <li>
          <div class="tpic"><img src="images/website/tymyd.jpg"></div>
          <b>天涯明月刀</b><span>腾讯旗下一款大型游戏的主题网站，早期排版练习作品之一</span><a href="http://itzpy.gitee.io/tianya_mingyue_knife/" class="readmore">点击查看</a></li>
        <li>
          <div class="tpic"><img src="images/website/yb.png"></div>
          <b>云巴网站</b><span>云巴提供完整的共享单车解决方案，助力品牌快速投放，提供专业共享单车云平台服务...</span><a href="http://itzpy.gitee.io/yun_ba" class="readmore">点击查看</a></li>
        <li>
          <div class="tpic"><img src="images/website/txw.png"></div>
          <b>腾讯网</b><span>要闻，视频，北京，娱乐，体育，军事，NBA，国际，科技，财经，汽车，时尚</span><a href="http://itzpy.gitee.io/tengxunxinwenwang/" class="readmore">点击查看</a></li>
        <li>
          <div class="tpic"><img src="images/website/dt.png"></div>
          <b>堆糖</b><span>堆糖 - 美好生活研究所最佳生活类应用</span><a href="http://itzpy.gitee.io/duitang/" class="readmore">点击查看</a></li>
        <li>
          <div class="tpic"><img src="images/website/hwkj.png"></div>
          <b>恒旺科技</b><span>全方位解决方案,为您轻松解决不同问题！</span><a href="http://itzpy.gitee.io/heng_wang/" class="readmore">点击查看</a></li>
        <li>
          <div class="tpic"><img src="images/website/xlkj.jpg"></div>
          <b>新纶科技</b><span>上期答辩项目，目前骄傲之作</span><a href="https://itzpy.gitee.io/xinlun-erqidabian/" class="readmore">点击查看</a></li>
      </ul>
    </div>
    <div class="newblogs">
      <h2 class="hometitle">最新文章</h2>
      <ul id="list" style="display:none;">
        <li>
          <h3 class="blogtitle"><a href="/" target="_blank" >JavaScript问题</a></h3>
          <div class="bloginfo"><span class="blogpic"><a href="/" title=""><img src="images/t01.jpg"  /></a></span>
            <p>当你使用js时，有没有遇到过循环不兼容的问题，比如说for循环与时间函数有bug，让时间只执行一次，这时候 ，就用递归函数来代替for循环就好啦...</p>
          </div>
          <div class="autor"><span class="lm f_l"><a href="/">张培禺个人博客</a></span><span class="dtime f_l">2014-02-19</span><span class="viewnum f_l">浏览（<a href="/">459</a>）</span><span class="pingl f_l">喜欢（<a href="/">30</a>）</span><span class="f_r"><a href="/" class="more">阅读原文</a></span></div>
        </li>
        <li>
          <h3 class="blogtitle"><a href="/" target="_blank" >即便是坑，我也想要拉你入伙！</a></h3>
          <div class="bloginfo"><span class="blogpic"><a href="/" title=""><img src="images/b07.jpg"  /></a></span>
            <p>对于刚毕业的学生来说，想学习建网站，掌握一技之长，最简单的入门无非就是学会html和css，先前发表过一篇文章《如果要学习web前端开发，需要学习什么？》，如果你还不知道如何着手，请仔细阅读....7天的时间，入门是没有问题的，当然，如果你用心的话！...</p>
          </div>
          <div class="autor"><span class="lm f_l"><a href="/">张培禺个人博客</a></span><span class="dtime f_l">2014-02-19</span><span class="viewnum f_l">浏览（<a href="/">459</a>）</span><span class="pingl f_l">喜欢（<a href="/">30</a>）</span><span class="f_r"><a href="/" class="more">阅读原文</a></span></div>
        </li>
      </ul>
      <ul id="list2">
      </ul>
      <script src="js/page2.js"></script> 
    </div>
  </div>
  <div class="rightbox">
    <div class="aboutme">
      <h2 class="ab_title">关于我</h2>
      <div class="avatar"><img src="images/ad01.jpg" /></div>
      <div class="ab_con">
        <p>网名：滑稽</p>
        <p>职业：Web前端工程师、网页设计 </p>
        <p>籍贯：河北省—沧州市</p>
        <p>邮箱：2742267796@qq.com</p>
      </div>
    </div>
    <div class="blank"></div>
    <div class="search">
      <form action="/e/search/index.php" method="post" name="searchform" id="searchform">
        <input name="keyboard" id="keyboard" class="input_text" value="请输入关键字" style="color: rgb(153, 153, 153);" onfocus="if(value=='请输入关键字'){this.style.color='#000';value=''}" onblur="if(value==''){this.style.color='#999';value='请输入关键字'}" type="text">
        <input name="show" value="title" type="hidden">
        <input name="tempid" value="1" type="hidden">
        <input name="tbname" value="news" type="hidden">
        <input name="Submit" class="input_submit" value="搜索" type="submit">
      </form>
    </div>
    
    <div class="links">
      <h2 class="ab_title">友情链接</h2>
      <ul>
        <li><a href="/">张培禺个人博客</a></li>
      </ul>
    </div>
    <div class="weixin">
      <h2 class="ab_title">微信关注</h2>
      <ul>
        <img src="images/wx.jpg">
      </ul>
    </div>
  </div>
</article>
<footer>
  <p>Design by <a href="/">张培禺个人博客</a> <a href="/">蜀ICP备11002373号-1</a></p>
</footer>
</body>
</html>
